import { createRouter, createWebHistory } from 'vue-router'

import HomeView from '@/views/HomeView.vue'
import ProfileView from '@/views/ProfileView.vue'
import ContentView from '@/views/ContentView.vue'

const routes = [
  { path: '/', name: 'home', component: HomeView },
  { path: '/profile', name: 'profile', component: ProfileView },
  { path: '/content/:id', name: 'content', component: ContentView, props: true},
]

const router = createRouter({
  history: createWebHistory(),
  routes,
})

export default router
